32. What is web storage?

Web Storage

Web Storage is a feature in web browsers that allows websites to store data locally on a user's device. It provides a more efficient and secure way to store key-value pairs than cookies, with larger storage capacity and no automatic expiration.

Web Storage has two main types:

1. Local Storage (localStorage) - Stores data with no expiration. Data persists even after closing the browser.
2. Session Storage (sessionStorage) - Stores data for a single session. Data is cleared when the browser is closed.

Examples

1. Using Local Storage

javascript
CopyEdit
// Store data
localStorage.setItem("username", "JohnDoe");

// Retrieve data
const user = localStorage.getItem("username");
console.log(user); // Output: JohnDoe

// Remove data
localStorage.removeItem("username");

// Clear all stored data
localStorage.clear();

2. Using Session Storage

javascript
CopyEdit
// Store data
sessionStorage.setItem("sessionId", "12345");

// Retrieve data
const session = sessionStorage.getItem("sessionId");
console.log(session); // Output: 12345

// Remove data
sessionStorage.removeItem("sessionId");

// Clear all stored data
sessionStorage.clear();

Key Differences Between LocalStorage and SessionStorage

Would you like more details on how to use Web Storage in specific applications? 😊